<div class="grid_12">
    <div class="box round first fullpage">
        <h2>Thêm tài khoản người dùng</h2>
        <div class="block ">
            <?=$this->form?>            
        </div>
    </div>
</div>
<script>
    $(function(){
       createEditor("article_content");
       
       //create thumb nail
       $("#user_image").change(function(e){
            // get image
            var thisObj = $(this);
            var url = URL.createObjectURL(e.target.files[0]);
            var img = new Image();
            
            var canvas = document.createElement("canvas");
            canvas.setAttribute("class","thumb");
            
            var ctx = canvas.getContext('2d');
            img.onload = function() {
                var h = 200, per = img.width/img.height;
                var w = h*per;
                canvas.height = h;
                canvas.width = w;
                $(".thumb").remove();
                thisObj.parent().append(canvas);
                ctx.drawImage(img, 0, 0,w ,h);    
            }
            img.src = url;   
       })
       
       $("#birthday").datepicker({
            dateFormat:"dd/mm/yy",
            changeMonth: true,
			changeYear: true,
            yearRange: "c-60:c+10"
       });
       
       var validate = $("#form-adduser").validate({
            rules:{
                username:{
                    required: true,
                    remote:{
                        url: "<?=$this->url(array("module"=>"admin","controller"=>"user","action"=>"add"),null,true)?>",
                        type: "post",
                        data: {"checkuser":true}
                    }
                },
                password:{
                    required: true,
                    minLength: 3,
                },
                repassword:{
                    equalTo: "#password"
                },
                groups_id: {
                    required: true,
                    min: 1,
                }
            },
            messages: {
                username:{
                    required: "Tên tài khoản không để trống!",
                    remote: "Tài khoản đã tồn tại."  
                },
                password: "Mật khẩu ít nhất 3 ký tự.",
                groups_id: "Phải chọn một nhóm cho tài khoản mới!",
                repassword: "Mật khẩu nhập lại không đúng."
            }
       });
    });
</script>